


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px;font-size:1.2rem}
h1,h2,h3,h4,h5,h6{font-size:100%}
input,textarea,select,button{font-size:12px;font-weight:normal}
input[type="button"],input[type="submit"],select,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img,a img,iframe{border-width:0;border-style:none}
iframe{overflow:hidden}
img{ -ms-interpolation-mode:bicubic;}
textarea{overflow-y:auto}
legend{color:#000}
a:link,a:visited{text-decoration:none}
hr{height:0}
label{cursor:pointer}

.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.header,nav,.footer{display:block}


body {
    color: #333;
    width: 100%;
    height: 100%;
    font-size: 100%;
    background: #f3f3f3;
    line-height: 1.5em;
    font-family: 'Helvetica Neue', Helvetica, "Microsoft Yahei", "SimHei", sans-serif;

}

.wrap .inner{width:90%;margin:0 auto}
iframe{background-color:transparent}

.header h1{color:#fff;text-align:center;font-size: 29px;font-weight: normal;padding-top:75px; text-shadow: 1px 1px 1px #000;}
.qzone_login{margin: 0 auto; padding-top: 60px;}

.qzone_cont .img_list li{width:429px;height:321px;vertical-align:middle;display:table-cell}


.qzone_login .login_main{margin:10px auto;width:320px;padding: 20px 42px 20px 0;background: #fff;border-radius:5px; }

.login_main .login_list .input_txt{font-size:21px;border:1px solid #d9d9d9;border-radius:3px; width:291px;padding:10px 0 10px 30px;margin: 0  0 20px 20px;box-shadow: 0 0 5px #fff;}
.login_main .login_list .input_txt:focus{outline:0}
.login_main .login_list .current_input{border-color:#56bdf3;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}


.login_main .login_btn{    width: 322px;
    height: 46px;
    border: none;
    background-color: #ffa800;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
}





.footer{color:#fff;}
.footer .inner{width:90%;margin:0 auto;text-align:center;padding:45px 0; }

.footer .copyright{width:580px;margin:0 auto}

.wrap {
    overflow:hidden;
    -webkit-animation: bounceIn 600ms linear;
    -moz-animation: bounceIn 600ms linear;
    -o-animation: bounceIn 600ms linear;
    animation: bounceIn 600ms linear;
}
/*登录框动画*/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);

    }
}